<html>
<head>
	<title>SecureStore Client</title>
	
	<!-- prevent caching -->
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Expires" content="-1">
	
	<style>
	
  		table.bluetable { padding: 1px; border: solid 1px #043554; }
  		.bluetable th { background-color: #06517e; color: white; text-align: left; vertical-align:top; font-size: 14px; }
  		.bluetable td { background-color: #f7f7f7; vertical-align:top; font-size: 12px;}
  		
  		table.noboder, table.noborder tbody, table.noborder td {border:none !important;border-width:0;border-collapse:none;}
  		
  		body {
  			font-family: "Helvetica Neue",Arial,"Lucida Grande",sans-serif;
  			font-size: 12px;
  			color: #333333;
  			
  			background-image: url(<c:url value="/resources/images/bg-top.png"/>);
  			background-color: #EDEDED;
  			background-repeat: repeat-x;
  			background-position: 50% 0;
  			background-attachment: scroll;
  		}
  		
  		.accountheader {
  			height: 30px;
  			text-align: right;
  			color: #CEE7F7;
  		}
  		
  		.accountheader a:link, .accountheader a:active, .accountheader a:visited { color: #CEE7F7; font-weight:bold; text-decoration: none;}
  		.accountheader a:hover { color: #CEE7F7; font-weight:bold; text-decoration: underline;}
  		
  		.header {
  			height: 80px;
  			color: #F8FCFF;
  			font-size: 15px;
  			font-weight: bold;
  		}
  		
  		.header a:link, .header a:visited { color: #F8FCFF; text-decoration: none; }
  		.header a:hover { text-decoration: underline; }
  		
  		.footer {
  			margin-top: 20px;
  			text-align:center;
  			font-family:arial;
  			font-size:10px;
  			color: #666666;
  		}
  		
  		.content {
  			width: 870px;
  			margin-left: auto;
  			margin-right: auto;
  		}
  		
  		a.icon-link {
  			border:none;
  			vertical-align:middle;
  			background-repeat:no-repeat;
  			line-height:22px;
  		}
  		a.icon-link img { border: none; vertical-align:middle; }
  		
  		a.operation-link { color: #043554; text-decoration: none; font-size: 14px; font-weight: bold; }
  		a.operation-link:active { }
  		a.operation-link:visited { }
  		a.operation-link:hover { color: #06517e; }
  		
  		a.document-link { color: #043554; text-decoration: none; font-size: 11px; }
  		a.document-link:active { }
  		a.document-link:visited { }
  		a.document-link:hover { color: #06517e; }
  		
  		.errors {
  			border: solid 1px red;
  			color: red;
  			font-size: 12px;
  		}
  		
  		.error { color: red; font-size: 12px; }
  		
  		
 	</style>
 	
</head>
<body>
<div class="content">
	
	<div class="accountheader">
		<sec:authorize access="isAuthenticated()">
			<sec:authentication property="principal.name"/>: <a href="<c:url value='/profile'/>">My Account</a> | <a href="<c:url value='/logout'/>">Logout</a>
		</sec:authorize>
	</div>
	<div class="header">
		<div style="width: 250px;float:left;">
			<div style="font-size: 27px;">ODU Secure Store</div>
			<div style="color:#f7f7f7;font-size:10px;"><i>Powered By Johnson & Shields</i></div>
		</div>
		<div style="width: 300px;float:right;text-align:right;line-height:50px;">
			<sec:authorize url="/student"><a href="<c:url value='/student'/>">Student</a></sec:authorize>
			<sec:authorize url="/faculty"> | <a href="<c:url value='/faculty'/>">Faculty</a></sec:authorize>
			<sec:authorize url="/user"> | <a href="<c:url value='/user'/>">User Administration</a></sec:authorize>
		</div>
	</div>